<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="#(ctx)/assets/images/favicon.ico"/>
    <title>场景预览</title>
    <link rel="stylesheet" href="#(ctx)/assets/plugins/Cesium/Widgets/widgets.css"/>
    <link rel="stylesheet" href="#(ctx)/assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="#(ctx)/assets/css/tips.css" />
    <link rel="stylesheet" href="#(ctx)/assets/module/admin.css?v=315" />
    <link rel="stylesheet" href="#(ctx)/assets/css/editor.css" />
	<link rel='stylesheet' href='#(ctx)/assets/font-awesome-4.3.0/css/font-awesome.min.css'>
	<link rel="stylesheet" href="#(ctx)/assets/css/metroStyle.css" />
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    	.nav-menu{
    		width: 60px;padding:0px;
    	}
    	.nav-menu li{
    		text-align: center;height: 50px;width:60px;padding-top: 10px;
    	}
    	.nav-menu li i{
    		font-size: 20px;
    	}
    	.nav-menu li span{
    		display: block;margin-top: 0px;
    	}
    	
    	.nav-menu li:hover {
			background-color: black;
			cursor:pointer;
		}
		
		.nav-menu-this{
			background-color: black;
		}
    	
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <div class="layui-side" style="top:0px;width: 60px;">
        <div class="layui-side-scroll" style="width: 60px;">
            <ul class="layui-nav nav-menu" >
            	<li id="sceneInfo">
            		<i class="layui-icon" >&#xe653;</i>   
            		<span>场景</span>
            	</li>
            	<li id="imgLayer">
            		<i class="layui-icon" >&#xe656;</i>   
            		<span>图层</span>
            	</li> 
            	<li>
            		<i class="layui-icon" >&#xe631;</i>   
            		<span>工具箱</span>
            	</li>   
            	<li>
            		<i class="layui-icon" >&#xe609;</i>   
            		<span>飞行</span>
            	</li> 
            	<li  ew-event="fullScreen" >
            		<i class="layui-icon layui-icon-screen-full"></i>
            		<span>全屏</span>
            	</li>
            	<li id="mainVisualAngle">
            		<i class="layui-icon" >&#xe68e;</i>   
            		<span>主视角</span>
            	</li>            	            	           	         	           	
            </ul>
        </div>
    </div>

    <!-- 主体部分 -->
    <div class="layui-body" id="cesiumContainer" style="left:0;bottom: 0px;top:0px;"></div>
    <!-- 底部 -->
</div>
<!-- js部分 -->
<script src="#(ctx)/assets/plugins/zTree_v3/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="#(ctx)/assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/canvas2image.js"></script>
<script type="text/javascript"  src="#(ctx)/assets/js/ajax.js"></script>
<script type="text/javascript"  src="#(ctx)/assets/plugins/Cesium/Cesium.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/turf/turf.min.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFG.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Core/CesiumVFGlobe.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Material/PolylineTrailLinkMaterialProperty.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Util/VFGlobeUtil.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Util/VFGlobeProvider.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Util/VFGModelProvider.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Mouse/VFGlobeMouseEvent.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Util/CesiumTip.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Util/CesiumDraw.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Util/CesiumDrag.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Util/CesiumMouseEvent.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Util/CesiumAxis.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/editor/VFGEditor.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/editor/VFGEditorForPoint.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/editor/VFGEditorForModel.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/editor/VFGEditorForPolyLine.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/editor/VFGEditorForPolygon.js"></script> 
<script type="text/javascript" src="#(ctx)/views/biz/scene/js/preview.js"></script>
<script type="text/javascript">
	var ctx='#(ctx)' ; 
	var id='#(id)';
</script>
</body>

</html>